import type { AppRouteModule } from '@/router/types'

const demo: AppRouteModule = {
  path: '/feat',
  name: 'Feat',
  meta: {
    type: 'menu',
    title: '功能',
    icon: 'set-up'
  },
  component: () => import(/* webpackChunkName: "empty" */ '@/layout/cnps/empty/empty.vue'),
  children: [
    {
      path: 'icon',
      name: 'Icon',
      meta: {
        title: 'Icon图标'
      },
      component: () =>
        import(/* webpackChunkName: "Icon" */ '@/views/pages/demo/comp/icon/index.vue')
    },
    {
      path: 'click-out-side',
      name: 'ClickOutSide',
      meta: {
        title: 'ClickOutSide组件'
      },
      component: () =>
        import(
          /* webpackChunkName: "ClickOutSide" */ '@/views/pages/demo/comp/click-out-side/index.vue'
        )
    },
    {
      path: 'copy',
      name: 'Copy',
      meta: {
        title: '剪切板'
      },
      component: () =>
        import(/* webpackChunkName: "Copy" */ '@/views/pages/demo/comp/copy/index.vue')
    },
    {
      path: 'ripple',
      name: 'Ripple',
      meta: {
        title: '水波纹'
      },
      component: () =>
        import(/* webpackChunkName: "Ripple" */ '@/views/pages/demo/comp/ripple/index.vue')
    },
    {
      path: 'img-preview',
      name: 'ImgPreview',
      meta: {
        title: '图片预览'
      },
      component: () =>
        import(/* webpackChunkName: "ImgPreview" */ '@/views/pages/demo/comp/img-preview/index.vue')
    },
    {
      path: 'context-menu',
      name: 'ContextMenu',
      meta: {
        title: '右键菜单'
      },
      component: () =>
        import(
          /* webpackChunkName: "ContextMenu" */ '@/views/pages/demo/comp/context-menu/index.vue'
        )
    },
    {
      path: 'seamlessScroll',
      name: 'SeamlessScroll',
      meta: {
        title: '无缝滚动'
      },
      component: () =>
        import(
          /* webpackChunkName: "SeamlessScroll" */ '@/views/pages/demo/comp/seamlessScroll/index.vue'
        )
    },
    {
      path: 'writeHanzi',
      name: 'WriteHanzi',
      meta: {
        title: '写汉字'
      },
      component: () =>
        import(/* webpackChunkName: "WriteHanzi" */ '@/views/pages/demo/comp/writeHanzi/index.vue')
    }
  ]
}

export default demo
